.block_image_text_list {
    @media screen and (min-width: 768px) {
        .swiper-wrapper {
            display: grid;
            grid-template-columns: repeat(var(--pc-number), minmax(0, 1fr));
            gap: 30px;
        }
    }
    .public_title {
        &:hover {
            text-decoration: underline;
            text-underline-offset: 3px;
        }
    }

    .swiper-slide {
        &:hover {
            img {
                transform: scale(1.06);
            }
        }
        img {
            transition: all .64s ease;
        }
    }

    .swiper-pagination {
        bottom: 0;
        .swiper-pagination-bullet {
            width: 12px;
            height: 12px;
            margin: 0 7px;
            opacity: 1;
            background-color: transparent;
            box-sizing: border-box;
            border: 1px solid #1d1f21;
            &.swiper-pagination-bullet-active {
                background-color: #1d1f21;
            }
        }
    }
}